<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Accordion</title>
<!--style start-->
<link href="../../style/doc.css" rel="stylesheet" type="text/css">
<!--style end-->

<!--script start-->
<!--[if lt IE 9]><script src="/common/html5/3.7.3/html5.js"></script><![endif]-->
<!--script end-->
</head>
<body class="docContent">
<h1>Accordion</h1>
<section>
  <h2>依赖</h2>
  <p>FocusList FocusListItem</p>
</section>
<section>
  <h2>简介</h2>
  <p>对指定列表元素的子集列表进行伸缩控制</p>
</section>
<section>
  <h2>用法</h2>
  <article>
  	<pre>
&lt;div class=&quot;ht_accordion&quot; id=&quot;accordion&quot;&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;div class=&quot;accordionTitle&quot;&gt;标题一&lt;/div&gt;
&lt;div class=&quot;accordionContent&quot;&gt;内容一&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;div class=&quot;accordionTitle&quot;&gt;标题二&lt;/div&gt;
&lt;div class=&quot;accordionCo&lt;div class=&quot;ht_accordion&quot; id=&quot;accordion&quot;&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;div class=&quot;accordionTitle&quot;&gt;标题一&lt;/div&gt;
&lt;div class=&quot;accordionContent&quot;&gt;内容一&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;div class=&quot;accordionTitle&quot;&gt;标题二&lt;/div&gt;
&lt;div class=&quot;accordionContent&quot;&gt;内容二&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;ntent&quot;&gt;内容二&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;</pre>
  	<pre>&lt;script type=&quot;text/javascript&quot;&gt;<br/>var accordion=new Accordion("#accordion");<br/>&lt;/script&gt;</pre>
  </article>
</section>
<section>
  <h2>属性</h2>
  <table class="table">
    <thead>
      <tr>
        <th>名称</th>
        <th>类型</th>
        <th>描述</th>
        <th>默认值</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>focusNum</td>
        <td>int</td>
        <td>焦点数值</td>
        <td>0</td>
      </tr>
    </tbody>
  </table>
</section>
<section>
  <h2>方法</h2>
  <table class="table">
    <thead>
      <tr>
        <th>方法名</th>
        <th>参数</th>
        <th>返回值</th>
        <th>说明</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>setFocusNum(focusNum)</td>
        <td>focusNum:int</td>
        <td>void</td>
        <td>设置焦点序号，切换到需要显示的焦点</td>
      </tr>
    </tbody>
  </table>
</section>
</body>
</html>